$(function() {
    layui.use('carousel', function() {
        // 轮播模块
        let carousel = layui.carousel;
        // =============================================================================
        // 调用轮播图函数
        slideshowList()
            // 加载轮播图数据,轮播图列表
        function slideshowList() {
            $.ajax({
                type: 'GET',
                url: 'http://localhost:8888/api/swipers',
                success: function(res) {
                    // console.log(res);
                    if (res.status === 0) {
                        let arr = []
                            // 将遍历后的数据加入数组
                        res.data.forEach(item => {
                            arr.push(
                                `<li class="img-effect">
                               <a href="javascript:;">
                                   <img src="${'http://localhost:8888/uploads/'+item.swiperimg}" alt="">
                               </a>
                           </li>`
                            )
                        });
                        // 将数组转为字符串
                        $('#kr_carousel ul').html(arr.join(''))
                            // 轮播交互
                        carousel.render({
                            elem: '#kr_carousel',
                            arrow: 'always', //始终显示箭头
                            width: 720,
                            height: 300,
                            interval: 3000
                        });
                    }
                }
            })
        }
        // =================================================================================
        friendshipList()
            // 友情链接列表
        function friendshipList() {
            $.ajax({
                type: 'GET',
                url: 'http://localhost:8888/api/links',
                success: function(res) {
                    // console.log(res);
                    if (res.status === 0) {
                        let arr = ['<dt>合作伙伴</dt>']
                        res.data.forEach(item => {
                            arr.push(
                                `<dd>
                                <a href="javascript:;">
                                    <img src="${'http://localhost:8888/uploads/' + item.linkicon}">
                                </a>
                            </dd>`
                            )
                        });
                        $('.kr_collaborator').html(arr.join(''))
                    }
                }
            })
        }
        // ======================================================================================
    });
})